<template>
    <div class="device container">
        <index-breadcrumb :breadcrumb-list="breadcrumbList"></index-breadcrumb>
        <list :operation-list="operationList"></list>
    </div>
</template>

<script>
import List from "./includes/OtherProject";

export default {
    name: "OtherProjectTitle",
    components: {
        List,
    },
    data() {
        return {
            operationList: [],
            breadcrumbList: [
                {
                    title: "其他项目",
                },
            ],
        };
    },
    created() {
        this.getOperationList();
    },
    activated() {
    },
    methods: {
        getOperationList() {
            this.$store.state.permissionList.some((item) => {
                const [itemName] = item.permission.split(":");
                if (itemName === "otherProject") {
                    item.list.forEach((listItem) => {
                        this.operationList.push(listItem.permission.split(":")[1]);
                    });
                }
                return false;
            });
        },
    },
};
</script>

<style lang="sass" scoped></style>
